<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<script>
  // 创建
  const xhr = new XMLHttpRequest();
  // 初始化
  xhr.open("GET", "https://api.apiopen.top/getJoke");
  // 发送
  xhr.send();
  // 绑定事件
  xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) {
      if (xhr.status >= 200 && xhr.status < 300) {
        console.log(xhr.response);
      } else {
        console.log(xhr.status);
      }
    }
  }

  const p = new Promise((resolve, reject) => {
    // 创建
    const xhr = new XMLHttpRequest();
    // 初始化
    xhr.open("GET", "https://api.apiopen.top/getoke");
    // 发送
    xhr.send();
    // 绑定事件
    xhr.onreadystatechange = function () {
      if (xhr.readyState === 4) {
        if (xhr.status >= 200 && xhr.status < 300) {
          resolve(xhr.response);
        } else {
          reject(xhr.status);
        }
      }
    }
  });

  p.then(value => {
    console.log(value);
  }, reason => {
    console.error(reason);   //404
  })

</script>
</body>
</html>